<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
    </head>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/bootstrap-responsive.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/ace.min.css">
    <link rel="stylesheet" href="css/ace-skins.min.css">
    <link rel="stylesheet" href="css/ace-responsive.min.css">
  <style>
    body,html{
      width: 100%;
      height: 100%;
      background: #fff;
    }


  </style>
    <body>

    <div id="main-content" class="clearfix">
  <div id="page-content" class="clearfix">


    <div class="page-header position-relative">
              <h1 style="color: #2679b5;">品牌商<small><i class="icon-double-angle-right"></i> 物流跟踪</small></h1>
            </div>



          <div id="fuelux-wizard" class="row-fluid">
            <ul class="wizard-steps">
            <li data-target="#step1"  style="min-width: 25%; max-width: 25%;"><span class="step">1</span> <span class="title">已出库</span>
            <span class="title">2017-07-13 09：00:00</span></li>
            <li data-target="#step2" style="min-width: 25%; max-width: 25%;"><span class="step">2</span> <span class="title"> 发往广州</span> <span class="title">2017-07-14 1：00:00</span></li>
            <li data-target="#step3" style="min-width: 25%; max-width: 25%;"><span class="step">3</span> <span class="title">到棠下村</span> <span class="title">2017-07-13 09：00:00</span></li>
            <li data-target="#step4" class="active" style="min-width: 25%; max-width: 25%;"><span class="step">4</span> <span class="title">正在派送</span> <span class="title">2017-07-15 22：10:00</span></li>
            </ul>
          </div>
        </div></div>


    <script src="js/jquery-1.9.1.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script>
      $(function(){

})



    </script>
    </body>
</html>
